<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script type="module">

    import { ajaxPromise } from "../js/ajax.js";

    // 一个服务器的前端(网站) 访问 另一个服务器的后端 => 会发送什么样的现象?
    // 第一个服务器: live Server => http://127.0.0.1:8086
    // 另一个服务器: NodeJS搭建服务 => http://192.168.53.195:3000/接口

    // 默认会报错: Access to XMLHttpRequest at 'http://192.168.53.195:3000/goods/search?wd=&col=id&type=asc&page=1&size=10' from origin 'http://127.0.0.1:8086' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
    // 从 http://127.0.0.1:8086(来源 origin) 通向 'http://192.168.53.195:3000/goods/search?wd=&col=id&type=asc&page=1&size=10'的XMLHttpRequest请求已被CORS策略阻止：请求的资源上不存在“Access Control Allow Origin”标头。
    // CORS  跨域资源共享策略

    // 同源策略: 
    // 同源策略：同源策略（Same origin policy）是一种约定,它是浏览器最核心也最基本的安全功能,由客户端访问某一个服务器的文件时，如果发起请求的这个来源与进行响应的目标的源不一致，目标源出于安全的角度，将拒绝这次访问。

    // 如何跨域?  => 只要得到对方的允许/配合就可以了
    // (1) 对方服务器配置CORS (跨域资源共享)




    ajaxPromise({
        type: "get",
        url: "http://192.168.53.195:3000/goods/search?wd=&col=id&type=asc&page=1&size=10",
        dataType: "json",
    }).then(res => {
        console.log("请求成功", res);
    }).catch(err => {
        console.log(err);
    })

</script>

</html>